<div class="container">
    <div class="row">
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:45%">
                <caption>酒店初始设定</caption>
                <thead>
                    <tr style="background-color: #B8B9B9">
                        <th>房间数</th>
                        <th>员工数</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input class="form-control" type="number" id="c3" name="c3" placeholder="请输入数字" [(ngModel)]="c3" (ngModelChange)="recal()"></td>
                        <td><input class="form-control" type="number" id="c4" name="c4" placeholder="请输入数字" [(ngModel)]="c4" (ngModelChange)="recal()"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:90%;">
                <caption>Case One</caption>
                <tbody>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>出租率及房价设定：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">平均出租率(%)</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="e9" (ngModelChange)="recal()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">平均房价</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="e10" (ngModelChange)="recal()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>酒店表现情况：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">RevPAR</td>
                        <td style="width:25%; text-align:right">{{e12 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">出租客房数</td>
                        <td style="width:25%; text-align:right">{{e13 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">客房年收入</td>
                        <td style="width:25%; text-align:right">{{e14 | format}}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><b>投入内容：</b></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚劳动力成本</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c16" (ngModelChange)="recal()"></td>
                        <td style="width:25%">1）劳动力成本</td>
                        <td style="width:25%; text-align:right">{{e16 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚物耗品成本</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c17" (ngModelChange)="recal()"></td>
                        <td style="width:25%">2）客房物耗品</td>
                        <td style="width:25%; text-align:right">{{e17 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚能耗成本</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c18" (ngModelChange)="recal()"></td>
                        <td style="width:25%">3）能耗费用</td>
                        <td style="width:25%; text-align:right">{{e18 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">维修基金率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c19" (ngModelChange)="recal()"></td>
                        <td style="width:25%">4）维修费用</td>
                        <td style="width:25%; text-align:right">{{e19 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">市场营销率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c20" (ngModelChange)="recal()"></td>
                        <td style="width:25%">5）市场营销费</td>
                        <td style="width:25%; text-align:right">{{e20 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">网络渠道佣金比例(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c21" (ngModelChange)="recal()"></td>
                        <td style="width:25%">6）网络渠道费</td>
                        <td style="width:25%; text-align:right">{{e21 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">通过网络渠道销售占总销售的百分比(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c22" (ngModelChange)="recal()"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房软装升级成本费用</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c23" (ngModelChange)="recal()"></td>
                        <td style="width:25%">7）软装饰费用</td>
                        <td style="width:25%; text-align:right">{{e23 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">人均培训成本费用</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c24" (ngModelChange)="recal()"></td>
                        <td style="width:25%">8）人员培训</td>
                        <td style="width:25%; text-align:right">{{e24 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>合计</b></td>
                        <td style="width:25%; text-align:right">{{e25 | format}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:90%">
                <caption>Case Two</caption>
                <tbody>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td><b>出租率及房价设定：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">平均出租率(%)</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="j9" (ngModelChange)="recal()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">平均房价</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="j10" (ngModelChange)="recal()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td><b>酒店表现情况：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">RevPAR</td>
                        <td style="width:25%; text-align:right">{{j12 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">出租客房数</td>
                        <td style="width:25%; text-align:right">{{j13 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">客房年收入</td>
                        <td style="width:25%; text-align:right">{{j14 | format}}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><b>投入内容：</b></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚劳动力成本</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h16" (ngModelChange)="recal()"></td>
                        <td style="width:25%">1）劳动力成本</td>
                        <td style="width:25%; text-align:right">{{j16 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚物耗品成本</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h17" (ngModelChange)="recal()"></td>
                        <td style="width:25%">2）客房物耗品</td>
                        <td style="width:25%; text-align:right">{{j17 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚能耗成本</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h18" (ngModelChange)="recal()"></td>
                        <td style="width:25%">3）能耗费用</td>
                        <td style="width:25%; text-align:right">{{j18 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">维修基金率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h19" (ngModelChange)="recal()"></td>
                        <td style="width:25%">4）维修费用</td>
                        <td style="width:25%; text-align:right">{{j19 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">市场营销率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h20" (ngModelChange)="recal()"></td>
                        <td style="width:25%">5）市场营销费</td>
                        <td style="width:25%; text-align:right">{{j20 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">网络渠道佣金比例(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h21" (ngModelChange)="recal()"></td>
                        <td style="width:25%">6）网络渠道费</td>
                        <td style="width:25%; text-align:right">{{j21 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">通过网络渠道销售占总销售的百分比(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h22" (ngModelChange)="recal()"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房软装升级成本费用</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h23" (ngModelChange)="recal()"></td>
                        <td style="width:25%">7）软装饰费用</td>
                        <td style="width:25%; text-align:right">{{j23 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">人均培训成本费用</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h24" (ngModelChange)="recal()"></td>
                        <td style="width:25%">8）人员培训</td>
                        <td style="width:25%; text-align:right">{{j24 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>合计</b></td>
                        <td style="width:25%; text-align:right">{{j25 | format}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:90%">
                <caption>差异(Case Two - Case One)</caption>
                <tbody>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td><b>出租率及房价设定：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">平均出租率(%)</td>
                        <td style="width:25%; text-align:right">{{o9 | format}}</td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">平均房价</td>
                        <td style="width:25%; text-align:right">{{o10 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td><b>酒店表现情况：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">RevPAR</td>
                        <td style="width:25%; text-align:right">{{o12 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">出租客房数</td>
                        <td style="width:25%; text-align:right">{{o13 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">客房年收入</td>
                        <td style="width:25%; text-align:right">{{o14 | format}}</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><b>投入内容：</b></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">1）劳动力成本</td>
                        <td style="width:25%; text-align:right">{{o16 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">2）客房物耗品</td>
                        <td style="width:25%; text-align:right">{{o17 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">3）能耗费用</td>
                        <td style="width:25%; text-align:right">{{o18 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">4）维修费用</td>
                        <td style="width:25%; text-align:right">{{o19 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">5）市场营销费</td>
                        <td style="width:25%; text-align:right">{{o20 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">6）网络渠道费</td>
                        <td style="width:25%; text-align:right">{{o21 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">7）软装饰费用</td>
                        <td style="width:25%; text-align:right">{{o23 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">8）人员培训</td>
                        <td style="width:25%; text-align:right">{{o24 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>合计</b></td>
                        <td style="width:25%; text-align:right">{{o25 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>餐饮情况</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">每房晚早餐收入</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="m27" (ngModelChange)="recal()"></td>
                        <td style="width:25%">餐饮收入</td>
                        <td style="width:25%; text-align:right">{{o27 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">餐饮利润占餐饮总收入比例(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="m28" (ngModelChange)="recal()"></td>
                        <td style="width:25%"><b>餐饮经营利润</b></td>
                        <td style="width:25%; text-align:right">{{o28 | format}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>总利润</b></td>
                        <td style="width:25%; text-align:right">{{o29 | format}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row" style="height: 100px"></div>
</div>
